﻿@model BadmintonBuddy.Models.CreateClubViewModel
@{
    ViewBag.Title = "InsertClub";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false"></script>
<div id="left">

    @using (Html.BeginForm("InsertClub", "Club", FormMethod.Post))
    {
    
        <div class="editor-label">
            @Html.LabelFor(model => model.ClubName)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.ClubName)
            @Html.ValidationMessageFor(model => model.ClubName)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.CityName)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.CityName)
            @Html.ValidationMessageFor(model => model.CityName)
        </div>

        @Html.HiddenFor(model=> model.StateName)
        @Html.HiddenFor(model=> model.CountryName)
        
        <div class="editor-label">
            @Html.LabelFor(model => model.Address)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Address)
            @Html.ValidationMessageFor(model => model.Address)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.AdditionalInfo)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.AdditionalInfo)
            @Html.ValidationMessageFor(model => model.AdditionalInfo)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Fees)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Fees)
            @Html.ValidationMessageFor(model => model.Fees)
        </div>

        
        <select id="Surface" name="Surface">
            <option value="1">Wooden</option>
            <option value="2">Synthetic</option>
            <option value="3">Carpet</option>
            <option value="4">Floor</option>
        </select>
        
        @*<div class="editor-label">
            @Html.LabelFor(model => model.Surface)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Surface)
            @Html.ValidationMessageFor(model => model.Surface)
        </div>*@

        <div class="editor-label">
            @Html.LabelFor(model => model.Timings)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Timings)
            @Html.ValidationMessageFor(model => model.Timings)
        </div>

        <p>
            <input type="submit" value="Create" />
        </p>
    }
</div>
<div id="right">
    <div id="map"></div>

</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    <script type="text/javascript" src="~/Scripts/Places.js"></script>
}
